<script lang="ts">
	import type { PageProps } from "./$types";

	let { data }: PageProps = $props();

	const assignmentDate = $derived(new Intl.DateTimeFormat().format(data.assignment.date));
</script>

<svelte:head>
	<title>Opgave på {data.cemetaryPlot.address}</title>
</svelte:head>

<h1>Assignment #{data.assignment.id}</h1>
<p>
	Gravstedet, der skal vedligeholdes er ved <span class="address">{data.cemetaryPlot.address}</span
	>.
</p>
<p>Vedligeholdelsen skal finde sted <time>{assignmentDate}<time>.</time></time></p>

<style>
	.address,
	time {
		font-weight: bold;
	}
</style>
